@import "variables";

circle-detail {
  seed-infinite-scroll #seed-infinite-scroll {
    background-color: transparent;
  }
  header {
  }
  .cover-content {
    position: relative;
    height: pxTorem(262);
    top: 0;
    bottom: pxTorem(80);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    .circle-info {
      height: 100%;
      background: rgba(0, 0, 0, .6);
    }
    .info-content {
      padding: 0 pxTorem(30);
      color: #fff;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
    }
    .circle-name {
      margin-bottom: pxTorem(16);
      @include font-dpr(30px);
      color: color($h5, c10);
    }
    .circle-logo {
      width: pxTorem(100);
      height: pxTorem(100);
      margin-right: pxTorem(20);
      border-radius: pxTorem(20);
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
    }
    .members {
      @include font-dpr(24px);
      color: color($h5, c8);
    }
    .member-total {
      @include font-dpr(26px);
      color: color($h5, c12);
    }
    seed-icons .seed-icon {
      background-size: 60%;
    }
    .join-state {
      padding: pxTorem(12) pxTorem(30);
      margin-right: pxTorem(30);
      color: color($h5, c1);
      border-radius: pxTorem(25);
      border: 1px solid color($h5, c1);
    }
  }
  .circle-introduce {
    padding: pxTorem(46) pxTorem(30);
    background-color: #fff;
    .introduce {
      @include multi-line-exllipsis(2);
      @include font-dpr(32px);
      color: color($h5, c2);
    }
    .create-info {
      margin-top: pxTorem(32);
      @include font-dpr(24px);
      color: color($h5, c4);
      p {
      }
      span {
        max-width: 50%;
        padding-right: pxTorem(40);
      }
    }
  }
  .content {
    margin-top: pxTorem(15);
    background-color: #fff;
  }
  .create-feed {
    position: fixed;
    right: pxTorem(20);
    bottom: pxTorem(230);
    @include icon(108, 108, '#{$icons-path}/feed.png');
  }
}
